@charset "utf-8";

/* reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td {margin: 0; padding: 0;}
html, body {background: none repeat scroll 0 0 #FFFFFF; height: 100%;  width: 100%;}
body {font-family: dotum, Arial,sans-serif;  font-size: 0.75em; color:#6a6a6c;}
li {list-style: none outside none;}
img, fieldset {border: 0 none;}
img {vertical-align: middle;}
legend, hr {display: none;}
legend, caption {display: block;  font-size: 0;  height: 0;  left: 0;  line-height: 0;  overflow: hidden;  position: absolute;  top: 0;  visibility: hidden;  width: 0;}
input, select, textarea {color: #6a6a6c;  font-family: Arial,sans-serif;  font-size: 100%;}
button {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);  border: 0 none;}
em, address {font-style: normal;}
table {border-spacing: 0; border-collapse:collapse; width:100%;}
a, a:link, a:visited, a:hover {color: #007CC0;  text-decoration: none;}
p, a, h2, h3 {word-wrap: break-word;}

/* common */
.btn_more {display:block; width:40px; height:40px; background:url('../images/btn_more.gif') no-repeat 0 0; text-indent:-99999px; font-size:0;}
.skip a {display:block; height:1px; left:0; line-height:0; margin-top:-1px; overflow:hidden; position:absolute; top:0;}
.skip a:hover, .skip a:focus, .skip a:active {background:none repeat scroll 0 0 #3376AD; color:#FFFFFF; padding:20px 0; text-align:center; width:100%; z-index:100;}

/* layout */
.gxtWp {width:960px; margin:0 auto; min-height:700px; height:700px;}
.gxtWp:after {content:''; clear:both; display:block; height:0; overflow:hidden;}
	.gxtWp, {display:inline-block;}

.gxt-side {float:left; width:182px; }
.gxt-side .gxt-menu a {display:block; padding:25px 0 27px 10px; border-bottom:1px solid #a2a2a2;}
.gxt-side .gxt-menu a span {display:block; position:relative; top:0; left:0; height:13px; overflow:hidden; font-size:0; text-indent:-99999px;}
.gxt-side .gxt-menu a span.product {background:url('../images/gxt_menu_product.gif') no-repeat 0 0;}
.gxt-side .gxt-menu a span.event {background:url('../images/gxt_menu_event.gif') no-repeat 0 0;}
.gxt-side .gxt-menu a span.ambassador {background:url('../images/gxt_menu_amb.gif') no-repeat 0 0;}
.gxt-side .gxt-menu a.active {border-bottom:3px solid #161616; padding-bottom:25px; background:url('../images/bg_arr_menu.gif') no-repeat 158px 24px;}
.gxt-side .gxt-menu a.active .product, .gxt-side .gxt-menu a.active .event {background-position:0 -13px;}
.gxt-side .gxt-menu a.gxt-Fn-amb {background:url(../images/bg_amb.gif) 100% 50% no-repeat;}
.gxt-side .gxt-menu a.gxt-Fn-amb span.tot {font-weight:bold; padding-left:40px; }

.gxt-ct {float:right; width:770px;}
.gxt-ct:after {content:''; clear:both; display:block; height:0; overflow:hidden;}
.gxt-ct .gxt-vis {width:770px; height:377px; border:0 none;}
.gxt-ct .gxt-vis:after {content:''; clear:both; display:block; height:0; overflow:hidden;}
.gxt-ct .gxt-vis.type2 .left {float:left; width:520px;}
.gxt-ct .gxt-vis.type2 .right {float:right; width:247px;}
.gxt-ct .gxt-vis.type3 .left {float:left; width:259px;}
.gxt-ct .gxt-vis.type3 .right {float:right; width:508px;}
.gxt-ct .gxt-vis.type3 .right.btm {margin-top:3px;}
.gxt-ct .gxt-main-event {position:relative; float:left; width:440px; height:323px; padding:0 40px;}
.gxt-ct .main-title {height:13px; margin-top:26px;}
.gxt-ct .main-title img {vertical-align:top;}
.gxt-ct .gxt-main-event .sub-txt {margin:16px 0 17px;}
.gxt-ct .gxt-main-event .wrap_event_item:after {content:''; clear:both; display:block; height:0; overflow:hidden;}
.gxt-ct .gxt-main-event .wrap_event_item .event_item {float:left; display:block; margin-right:3px;}
.gxt-ct .gxt-main-event .wrap_event_item .event_item.last {margin-right:0;}
.gxt-ct .gxt-main-event .btn_more {position:absolute; top:0; right:0; }
.gxt-ct .gxt-campus {float:left; width:249px; height:323px; border-left:1px solid #e5e5e6;}
.gxt-ct .gxt-campus .main-title {margin-left:19px;}


/* product */
.gxt-prodcut-slider {position:relative; height:195px; padding:0 0 7px; background:url('../images/product_bottom_line.jpg') no-repeat center bottom;}
.gxt-slider-1 {height:170px;}
.gxt-slider-1 .item {float:left; padding:18px 0 18px; height:154px; width:160px; text-align:center; border-bottom:5px solid #fff; transition:opacity .3s;}
.gxt-slider-1 .item a {display:block; width:100%; margin:0 auto;}
.gxt-slider-1 .item {opacity:.5; filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)";}
.gxt-slider-1 .item.active {opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; border-bottom:5px solid #d3d3d3;}
.gxt-slider-1 .img {display:table; width:100%;}
.gxt-slider-1 .img span {height:120px; display:table-cell; vertical-align:middle; text-align:center; }
.gxt-slider-1 .title {display:block; text-align:center;}
.gxt-slider-1 .title span {display:block; white-space:nowrap;}
.gxt-prodcut-slider .prev,
.gxt-prodcut-slider .next {position:absolute; top:78px; width:40px; height:40px;}
.gxt-prodcut-slider .prev a,
.gxt-prodcut-slider .next a {display:block; cursor:pointer; overflow:hidden; text-indent:-100%; overflow:hidden; height:40px; background-position:0 0; background-repeat:no-repeat;}
.gxt-prodcut-slider .prev {left:50px;}
.gxt-prodcut-slider .next {right:50px;}
.gxt-prodcut-slider .prev a {background-image:url('../images/slider_prev.png');}
.gxt-prodcut-slider .next a {background-image:url('../images/slider_next.png');}
.gxt-prodcut-slider .disabled {cursor:default; opacity:.2; filter:"alpha(opacity=20)"; -ms-filter:"alpha(opacity=20)";}
.gxt-prodcut-slider .bx-controls {display:none;}

.gxt-prodcut-title {position:relative; padding:0 0 0 41px; height:42px; border-bottom:1px solid #e5e5e6;}
.gxt-prodcut-title .more_detail {position:absolute; top:3px; right:0;}
.gxt-product-detail {position:relative; height:487px;}
.gxt-product-call {height:487px;}
.gxt-prod-cont {position:relative; float:left; width:520px; border-right:1px solid #e5e5e6;}
.gxt-prod-cont .detail-nav-btn {position:absolute; font-size:0; top:290px; left:42px; z-index:60;}
.gxt-prod-cont .detail-nav-btn a {display:block; margin-bottom:5px;}
.product-detail-box {position:relative; height:455px; overflow-x:hidden; overflow-y:scroll;}
.product-detail-box {
	scrollbar-base-color: #fff;
	scrollbar-3dlight-color: #d8d8d8;
	scrollbar-highlight-color: #d8d8d8;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #d8d8d8;
	scrollbar-shadow-color: #d8d8d8;
	scrollbar-dark-shadow-color: #d8d8d8;
}

.gxt-prod-evt {position:absolute; top:43px; right:0; width:249px; text-align:right;}
.gxt-prod-evt .item {position:relative; }
.gxt-prod-evt .item .btn_more {position:absolute; top:0; right:0;}
.gxt-prod-evt .item.add {margin-top:24px;}


.bx-wrapper {margin:0 auto;}
.nav-control {position:absolute; top:6px; right:9px; z-index:10;}
.nav-control .next,
.nav-control .prev,
.nav-control .play,
.nav-control .stop {float:left; margin-left:3px;}
.nav-control .next a,
.nav-control .prev a,
.nav-control .play a,
.nav-control .stop a {display:inline-block; width:33px; height:33px; overflow:hidden; text-indent:-900%;}
.nav-control .next a {background:url('../images/nav_next.png') no-repeat 0 0;}
.nav-control .prev a {background:url('../images/nav_prev.png') no-repeat 0 0;}
.nav-control .play a {background:url('../images/nav_play.png') no-repeat 0 0;}
.nav-control .stop a {background:url('../images/nav_stop.png') no-repeat 0 0;}

.bx-controls {position:absolute; top:15px; right:118px;}
.bx-controls .bx-pager-item {display:inline-block;}
.bx-controls .bx-pager-item a {display:inline-block; text-indent:-100px; overflow:hidden; width:18px; height:18px; vertical-align:middle; background:url('../images/item_nav.png') no-repeat center top;}
.bx-controls .bx-pager-item a.active {background-position:center bottom}

.dim_layer {position:absolute; right:0; top:43px; width:730px; height:435px; z-index:100;}
/*
.dim_layer .shadow {position:absolute;width:100%;height:100%;background:#000;opacity:0.65;filter:alpha(opacity=65);}
*/
.dim_layer .cont {position:relative;}
.dim_layer .details {position:relative;}
.dim_layer .close {position:absolute; right:0; top:-40px;}

/* event */
.event-front {position:relative; border:1px solid #ddd; margin-top:5px;}
.event-front .item {float:left;}
.event-front .item img {display:block; width:100%;}
.event-list {margin-top:31px;}
.event-list table {width:100%; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.event-list table th {padding:12px 0; text-align:center; background-color:#f9f9f9; border-bottom:1px solid #d3d3d3;}
.event-list table td {padding:14px 0; text-align:center; font-size:12px; border-top:1px dotted #b4b4b4; line-height:14px}
.event-list table .first td {border-top:none;}
.event-list table .end td, .event-list table .end td.subject a {color:#d3d3d3;}
.event-list table td.subject {text-align:left;}
.event-list table td.subject a {display:block; height:14px; font-size:12px; color:#6a6a6c; overflow:hidden;}
.event-list table td.date {font-size:11px;}

.event-page {text-align:center; margin-top:17px;}
.event-page a {display:inline-block; width:23px; height:23px; color:#6a6a6c;}
.event-page a.active {color:#60c5f1;}
.event-page a.prev, .event-page a.next {width:25px; line-height:23px; border:1px solid #d3d3d3; color:#6b6b6d; text-decoration:none;}
.event-page a.prev {padding:0 10px 0 26px; margin-right:30px; background:url('../images/bg_btn_prev.gif') no-repeat 10px 50%;}
.event-page a.next {padding:0 26px 0 10px; margin-left:30px; background:url('../images/bg_btn_next.gif') no-repeat 44px 50%;}

.event-view {margin-top:5px;}
.event-view:after {content:''; clear:both; display:block; height:0; overflow:hidden;}
.event-view .tit {position:relative; text-align:right; padding:5px 0; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.event-view .tit .title {display:inline-block; padding-right:60px; line-height:23px;}
.event-view .tit .nav {position:absolute; top:-6px; right:0;}
.event-view .tit .btn_back {display:inline-block; width:23px; height:23px; background:url('../images/btn_back.gif') no-repeat 0 0; text-indent:-999px; font-size:0;}
.event-view .tit .btn_forword {display:inline-block; width:23px; height:23px; background:url('../images/btn_forword.gif') no-repeat 0 0; text-indent:-999px; font-size:0;}

.event-view .event-cont {width:770px; height:659px; overflow:hidden;}

.intro-wrap {position:relative; width:960px; margin:0 auto;}
.intro-wrap .skip_visual {position:absolute; bottom:45px; left:50%; margin-left:-44px; z-index:60;}

.pop-ox.regist {position:absolute; width:554px; min-height:500px; background-color:#f3f3f3; border:4px solid #0e4297;}
.pop-ox .fields {margin:25px auto 10px; text-align:center;}
.pop-ox .fields p {margin-bottom:16px;}
.pop-ox .fields .name .ox-input {width:320px; background:url('../images/event/input_1.gif') no-repeat 0 0;}
.pop-ox .fields .tel .ox-input {width:90px; background:url('../images/event/input_2.gif') no-repeat 0 0;}
.pop-ox .ox-input {display:inline-block; padding:3px 10px; height:26px;}
	.pop-ox .ox-input, {zoom:1;}
.pop-ox .ox-input input {width:100%; font-size:16px; text-align:left; height:26px; border:0;}
.pop-ox .agree-box {background-color:#e5e5e5; padding:25px 22px 0;}
.pop-ox .agree-scroll {width:495px; height:68px; padding:5px 8px; background-color:#fff; overflow-y:scroll; overflow-x:hidden;}
.pop-ox .agree-scroll {
	scrollbar-base-color: #dfdfdf;
	scrollbar-3dlight-color: #f0f0f0;
	scrollbar-highlight-color: #f0f0f0;
	scrollbar-track-color: #f0f0f0;
	scrollbar-arrow-color: #a0a0a0;
	scrollbar-shadow-color: #f0f0f0;
	scrollbar-dark-shadow-color: #f0f0f0;
}
.pop-ox .agree_check {position:relative; padding-bottom:25px;}
.pop-ox .agree_check .cehck {position:absolute; top:3px; right:0; color:#8b8a8a; font-size:11px;}
.pop-ox .agree_check .cehck input {vertical-align:middle; margin-left:10px; border:1px solid #b6b6b6; margin-right:2px;}
.pop-ox .btn {text-align:center; padding-bottom:20px;}
.pop-ox .close_reg {position:absolute; top:0; right:0;}